<!--
 * @Description: 第二十六章（深入v-model）
 * @Author: IA ia@kepro.space
 * @Date: 2025-02-19 11:43:32
-->
<template>
  <div>
    <h1>第二十六章（深入v-model）</h1>
    <div>
      <h2></h2>
      <div>
        <h3>我是父组件</h3>
        <p>当前状态： {{ isShow ? '开' : '关' }}</p>
        <el-button type="primary" @click="isShow = !isShow" style="margin-bottom: 10px">{{
          isShow ? '开' : '关'
        }}</el-button>
        <p>父组件textVal的值： {{ text }}</p>
        <p>父组件textVal2的值： {{ text2 }}</p>
        <vModelVue v-model="isShow" v-model:diyVal="text" v-model:diyValB.isBt="text2"></vModelVue>
        <!-- <vModelVue v-model:diyValB.isBt="text2"></vModelVue> -->
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
import vModelVue from '@/components/26th/v-model.vue'

const isShow = ref<boolean>(true)
const text = ref<string>('我是父组件textVal')
const text2 = ref<string>('我是父组件textVal2')
</script>
<style scoped>
h1,
h2,
h3,
h4,
hr {
  margin: 10px 0;
}
</style>
